<!DOCTYPE html>
<html>
<head>
    <title>chart</title>
    <script src="chart.js"></script>
    <script src="bar1.js"></script>
    <script src="bubble1.js"></script>
    <script src="line1.js"></script>
    <script src="line2.js"></script>
    <script src="radar1.js"></script>
    <script src="pie1.js"></script>
    <script src="doughnut1.js"></script>
    <script src="polarArea1.js"></script>
    <script src="scatter1.js"></script>
    <script src="mix1.js"></script>
    <script src="main.js"></script>
    <link rel="stylesheet" href="layout.css">
</head>
<body>
    <ul id="layout">
        <li>
            <canvas id="bar1" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="bubble1" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="line1" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="line2" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="radar1" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="pie1" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="doughnut1" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="polarArea1" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="scatter1" width="400" height="400"></canvas>
        </li>
        <li>
            <canvas id="mix1" width="400" height="400"></canvas>
        </li>
    </ul>
</body>
</html>